<template>
    <view class="commit_contain">
        <view class="top">
            <view class="icon">
                <uni-icons type="checkmarkempty" size="50" color="#fff"></uni-icons>
            </view>
            <view class="text_01">
                <text>订单提交成功！</text>
            </view>
            <view class="text_02">
                <text>您的订单已提交，稍后将安排快递上门取书！</text>
            </view>
        </view>
        <view class="buttons">
            <button style="border: 1px solid #13962c;color: #13962c;">状态变更通知</button>
            <button style="background-color: #13962c;color: #fff;" @click="toSellorder">查看订单</button>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                // 订单id
                id: ''
            };
        },
        onLoad(options) {
            this.id = options.id || ''
        },
        methods: {
            toSellorder() {
                uni.navigateTo({
                    url: "/subpkg/order_text/order_text?id=" + this.id
                })
            }
        }
    }
</script>

<style lang="scss">
    .commit_contain {
        display: flex;
        flex-direction: column;
        padding: 10px;

        .top {
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #00a300;
            border-radius: 10px 10px 0px 0px;
            padding-top: 15px;

            .icon {
                border: 5px solid #fff;
                border-radius: 50%;
            }

            .text_01 {
                margin-top: 10px;
                font-size: 20px;
                color: #fff;
                font-weight: 500;
            }

            .text_02 {
                margin-top: 2px;
                font-size: 14px;
                color: #e3e3e3;
                margin-bottom: 10px;
            }
        }

        .buttons {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;

            button {
                width: auto;
                height: 40px;
                align-items: center;
                font-size: 15px;
            }
        }

    }
</style>